<!DOCTYPE html>
<html>
<head>
    <title>河南熊本熊科技有限责任公司</title>
    <meta charset="utf-8">
		<#assign base=request.contextPath  />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- Fonts-->
    <link rel="stylesheet" type="text/css" href="${base}/assets/fonts/fontawesome/font-awesome.min.css">
    <!-- Vendors-->
    <link rel="stylesheet" type="text/css" href="${base}/assets/vendors/bootstrap/grid.css">
    <link rel="stylesheet" type="text/css" href="${base}/assets/vendors/magnific-popup/magnific-popup.min.css">
    <link rel="stylesheet" type="text/css" href="${base}/assets/vendors/swiper/swiper.css">
    <link rel="stylesheet" type="text/css" href="${base}/assets/vendors/wow/animate.css">
    <link rel="stylesheet" type="text/css" href="${base}/assets/css/all.css">
    <!-- App & fonts-->
<#--
    <link rel="stylesheet" type="text/css"
          href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Montserrat:400,700">
-->
    <link rel="stylesheet" type="text/css" id="app-stylesheet" href="${base}/assets/css/main.css">
    <!--[if lt IE 9]>
<!--
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-->
    <![endif]-->
</head>

<body>
<div class="page-wrap" id="root">

    <!-- header -->
    <header class="header header--fixed">
        <div class="container">
            <div class="header__inner">
                <div class="header__logo"><a href="#">熊本熊科技</a></div>
                <div class="header__menu">

                    <!-- onepage-nav -->
                    <nav class="onepage-nav">

                        <!-- onepage-menu -->
                        <ul class="onepage-menu">
                            <li class="current-menu-item"><a href="#id-1">首页</a>
                            </li>
                            <li><a href="#id-2">团队力量</a>
                            </li>
                            <li><a href="#id-3">成功案例</a>
                            </li>
                            <li><a href="#id-4">服务</a>
                            </li>
                            <li><a href="#id-6">关于我们</a>
                            </li>
                        </ul><!-- onepage-menu -->

                        <div class="navbar-toggle"><span></span><span></span><span></span></div>
                    </nav><!-- End / onepage-nav -->

                </div>
            </div>
        </div>
    </header><!-- End / header -->

    <!-- Content-->
    <div class="awe-content">

        <!-- hero -->
        <section class="hero awe-text-center" id="id-1">
            <div class="awe-overlay"></div>
            <div class="hero__wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2 ">
                            <h1 class="hero__title">专注于互联网软件开发，匠心打造，精心研磨
                            </h1>
                            <p class="hero__text">我们有一流的团队，我们身经百战，我们不是无所不能，但是我们竭尽所能 </p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- smoky -->
            <div class="smoky" id="smoky-bg">
                <canvas>Your browser does not support HTML5 canvas.</canvas>
            </div><!-- End / smoky -->

        </section><!-- End / hero -->

        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section" id="id-2">
            <div class="container">
                <div class="row">

                    <!-- title -->
                    <div class="title">
                        <h2 class="title__title">团队核心
                        <#--<p class="title__text">Go to <a href="#">our website</a> to get many high quality free HTML5 templates.</p>-->
                        </h2>
                    </div><!-- End / title -->


                    <!-- about -->
                    <div class="about">
                        <div class="col-lg-6 ">
                            <div class="about__words">
                                <h2 class="fw-600 fz-30">杨凯旋</h2>
                                <p>
                                    前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。多年前端研发经验，精通微信小程序，网站建设，APP前端设计，参与完成多个百万级产品，精通现潮流各大前端框架，对于响应式设计，有独特的见解，</p>
                                <p>没有完不成的事情，只有想与不想。</br>----凯旋</p><a class="a-btn" href="#">标签：高级前端开发工程师</a>
                            </div>
                        </div>
                        <div class="col-lg-6 ">
                            <div class="about__img"><img src="${base}/assets/img/nv.jpg"/></div>
                        </div>

                        <div class="col-lg-6 ">
                            <div class="about__words">
                                <h2 class="fw-600 fz-30">张子艺</h2>
                                <p>Java原来是用作编写消费类家用电子产品软件的语言，所以它是被设计成写高可靠和稳健软件的。Java消除了某些编程错误，使得用它写可靠软件相当容易。
                                    Java是一个强类型语言，它允许扩展编译时检查潜在类型不匹配问题的功能。Java要求显式的方法声明，它不支持C风格的隐式声明。这些严格的要求保证编译程序能捕捉调用错误，这就导致更可靠的程序。</p>
                                <p>精通Java编程语言，多年实践经验，对于分布式，多线程并发都有独特的理解，参与多个项目的架构设计，数据库优化等，拥有无数带领团队开发经验。</p>
                                <p>经过战场的洗礼才是好刀。</br>----子艺</p><a class="a-btn" href="#">标签：高级Java工程师</a>
                            </div>
                        </div>
                        <div class="col-lg-6 ">
                            <div class="about__img"><img src="${base}/assets/img/nan.jpg"/></div>
                        </div>
                    </div><!-- End / about -->

                </div>
            </div>
        </section>
        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section" id="id-3">
            <div class="container">

                <!-- title -->
                <div class="title">
                    <h2 class="title__title">我们的成功案例
                        <p class="title__text">由团队核心力量，日夜兼程精心打造出的一个又一个品牌，遍布全国各地。</p>
                    </h2>
                </div><!-- End / title -->


                <!-- tabs__module -->
                <div class="tabs__module" data-options="{}">
                    <ul class="ac-tab__nav clearfix">
                        <li><a href="#tab1"><i class="fa  fa-baby-carriage "></i><span class="ac-tab__title">安恩贝</span></a>
                        </li>
                        <li><a href="#tab2"><i class="fa fa-charging-station"></i><span class="ac-tab__title">集充充</span></a>
                        </li>
                        <li><a href="#tab3"><i class="fa fa-city"></i><span class="ac-tab__title">义门陈</span></a></li>
                        <li><a href="#tab3"><i class="fa fa-angle-double-right"></i><span
                                class="ac-tab__title">联系我们</span></a></li>

                    </ul>
                    <div class="ac-tab__content">

                        <!-- ac-tab__panel -->
                        <div class="ac-tab__panel" id="tab1">
                            <div class="col-lg-4 ">
                                <div><img src="${base}/assets/img/yuezi.png"/></div>
                            </div>
                            <div class="col-lg-8 ">
                                <p class="tab_panel__content"><h6>安恩贝月子中心管理系统</h6>
                                实时监察每个宝宝的状态，房间状态，智能计算护理方式，智能安排每日应该的营养补充餐饮，同时兼有大数据统计每位顾客的喜好，根据统计结果反馈给管理人员，进行进一步的跟踪，真正打造出了母婴双护数字化电子平台。
                            </div>
                        </div><!-- End / ac-tab__panel -->


                        <!-- ac-tab__panel -->
                        <div class="ac-tab__panel" id="tab2">
                            <div class="col-lg-4 ">
                                <div><img style="height: 250px;width: 400px" src="${base}/assets/img/jichongchong.jpg"/>
                                </div>
                            </div>
                            <div class="col-lg-8 ">
                                <p class="tab_panel__content"><h6>集充充新能源汽车充电站</h6>
                                当下新能源汽车的发展迅速，最大的难题则是不能与传统汽车行业的加油站续航一样的方便，为了解决此难题，根据客户的需要，我们通过微信公众号的方式，并对接了星星充电，国电等多个品牌的充电桩供应商，实现了微信进行扫码充电，并定位当前坐标，实时搜索附近充电桩。兼有个人与企业双结合，同样适用于企业中给员工权限进行充电。充电平台，与企业平台都对应有后台管理，双向管理，实时对账，我们的又一匠心之作。</p>
                            </div>
                        </div><!-- End / ac-tab__panel -->


                        <!-- ac-tab__panel -->
                        <div class="ac-tab__panel" id="tab3">
                            <div class="col-lg-4 ">
                                <div><img style="height: 250px;width: 400px" src="${base}/assets/img/chen.jpg"/></div>
                            </div>
                            <div class="col-lg-8 ">
                                <p class="tab_panel__content"> <h6>义门陈门户</h6>
                                一个家族式的门户公众号，设有族谱照片，族人通讯录，新闻，消息，商城等内容，用户可通过缴纳佣金进行消息发布，由统一的人员管理审核，通过后即可公布给所有关注该平台的用户，解决了该族内小微企业的广告推广等消息流难以宣布的问题，商城模块则集合了该族内的人员闲置出售，类似《咸鱼》，兼有管理人员的专用管理平台，小投入大回报实现一对多公布的需求，我们精心打磨了每一处细节，ui设计，相册框架，每一处都使用了交互体验友好的设计，用心！
                            </div>
                        </div><!-- End / ac-tab__panel -->


                        <!-- ac-tab__panel -->
                        <div class="ac-tab__panel" id="tab4">
                            <div class="col-lg-4 ">
                                <div><img src="assets/img/skill/skill-2.jpg"/></div>
                            </div>
                            <div class="col-lg-8 ">
                                <p class="tab_panel__content">Nam suscipit nisi risus, et porttitor metus molestie a.
                                    Phasellus id quam id turpis suscipit pretium. Maecenas ultrices, lacus ut accumsan
                                    maximus, odio augue rhoncus augue, vulputate maximus mi sapien sed nisl. Sed
                                    fermentum congue orci sed lacinia. Nulla nunc purus, consectetur eget rutrum et,
                                    rhoncus sit amet turpis. Vivamus sed justo at nisi mollis efficitur. Fusce dictum
                                    odio non leo iaculis, vitae malesuada lacus placerat. In sed eleifend e</p><a
                                    class="a-btn style-2" href="#">Read More</a>
                            </div>
                        </div><!-- End / ac-tab__panel -->

                    </div>
                </div><!-- End / tabs__module -->

            </div>
        </section>
        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section" style="background-image:url('assets/img/bg/video.jpg');">
            <div class="awe-overlay"></div>
            <div class="container-fluid">

                <!-- video -->
                <div class="video">
                </div><!-- End / video -->

            </div>
        </section>
        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section" id="id-4">
            <div class="container">

                <!-- title -->
                <div class="title">
                    <h2 class="title__title"><span class='first'>我们能做什么?</span><br/>我们的服务
                        <p class="title__text"></p>
                    </h2>
                </div><!-- End / title -->

                <div class="col-lg-4 ">

                    <!-- service -->
                    <div class="service wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="20"
                         data-wow-iteration="1">
                        <div class="service__icon"><i class="fa fa-desktop"></i></div>
                        <h3 class="service__title">软件设计</h3>
                        <p class="service__text">根据需求量身定制软件，</br>各种软件/分销/电商/管理系统</br>独具匠心的软件设计服务</p>
                    </div><!-- End / service -->

                </div>
                <div class="col-lg-4 ">

                    <!-- service -->
                    <div class="service wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="20"
                         data-wow-iteration="1">
                        <div class="service__icon"><i class="fab fa-android"></i></div>
                        <h3 class="service__title">APP开发</h3>
                        <p class="service__text">移动设备解决方案</br>基于IOS/安卓开发APP软件</br>独具匠心的APP设计服务</p>
                    </div><!-- End / service -->

                </div>
                <div class="col-lg-4 ">

                    <!-- service -->
                    <div class="service wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6000000000000001s"
                         data-wow-offset="20" data-wow-iteration="1">
                        <div class="service__icon"><i class="fab fa-weixin"></i></div>
                        <h3 class="service__title">微信开发</h3>
                        <p class="service__text">微信端成熟解决方案</br>微信小程序/微信公众号开发</br>专业的定制开发服务</p>
                    </div><!-- End / service -->

                </div>

            </div>
        </section>
        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section numbers"
                 style="background-image:url('assets/img/bg/number.jpg');background-attachment:fixed;">
            <div class="awe-overlay" style="background-color:#000;opacity:0.75;"></div>
            <div class="container">
                <div class="col-lg-3 ">
                    <div>

                        <!-- countTo_module -->
                        <div class="countTo_module" data-options='{"from":0,"to":365}'>
                            <div class="countTo__icon"><i class="pe-7s-settings"></i></div>
                            <span class="countTo__number main-color"></span>
                            <h3 class="countTo__title">全年服务</h3>
                        </div><!-- End / countTo_module -->

                    </div>
                </div>
                <div class="col-lg-3 ">
                    <div>

                        <!-- countTo_module -->
                        <div class="countTo_module" data-options='{"from":0,"to":24}'>
                            <div class="countTo__icon"><i class="pe-7s-bookmarks"></i></div>
                            <span class="countTo__number main-color"></span>
                            <h3 class="countTo__title">全天24小时静候</h3>
                        </div><!-- End / countTo_module -->

                    </div>
                </div>
                <div class="col-lg-3 ">
                    <div>

                        <!-- countTo_module -->
                        <div class="countTo_module" data-options='{"from":0,"to":100}'>
                            <div class="countTo__icon"><i class="pe-7s-more"></i></div>
                            <span class="countTo__number main-color"></span>
                            <h3 class="countTo__title">完美交付您的需要</h3>
                        </div><!-- End / countTo_module -->

                    </div>
                </div>

            </div>
        </section>
        <!-- End / Section -->


        <!-- Section -->
        <section class="awe-section" id="id-6">
            <div class="container">

                <!-- title -->
                <div class="title">
                    <h2 class="title__title"><span class='first'>联系我们</span>

                    </h2>
                </div><!-- End / title -->

                <div class="row">
                    <div class="mb-40 text-center">
                        <div class="col-lg-4 ">

                            <!-- contact -->
                            <div class="contact">
                                <div class="contact__item"><span class="contact__icon"><i
                                        class='fa fa-map-marked-alt'></i></span>
                                    <h3 class="contact__title">地址</h3>
                                    <div>河南省安阳市滑县道口新区</div>
                                </div>
                            </div><!-- End / contact -->

                        </div>
                        <div class="col-lg-4 ">

                            <!-- contact -->
                            <div class="contact">
                                <div class="contact__item"><span class="contact__icon"><i
                                        class='fa fa-envelope-square'></i></span>
                                    <h3 class="contact__title">邮箱</h3>
                                    <div> 1832870214@qq.com</div>
                                </div>
                            </div><!-- End / contact -->

                        </div>
                        <div class="col-lg-4 ">

                            <!-- contact -->
                            <div class="contact">
                                <div class="contact__item"><span class="contact__icon"><i
                                        class='fa fa-phone-square'></i></span>
                                    <h3 class="contact__title">致电</h3>
                                    <div>18602151637</div>
                                </div>
                            </div><!-- End / contact -->

                        </div>
                    </div>
                </div>

                <div class="col-lg-6 ">
                    <div class="box-map"></div>
                </div>
            </div>
    </div>
    </section>
    <!-- End / Section -->

</div>
<!-- End / Content-->

<!-- footer -->
<div class="footer">
    <div id="back-to-top"><i class="fa fa-angle-up"></i></div>
    <div class="container">
        <div class="footer__wrapper">
            <div class="footer__social">


            </div>
            <p class="footer__copy">2019 &copy; Copyright <a href="#">河南熊本熊科技有限责任公司</a></p>
        </div>
    </div>
</div><!-- End / footer -->

</div>
<!-- Vendors-->
<script type="text/javascript" src="${base}/assets/vendors/_jquery/jquery.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/imagesloaded/imagesloaded.pkgd.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/isotope-layout/isotope.pkgd.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/jquery-one-page/jquery.nav.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/jquery.matchHeight/jquery.matchHeight.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/masonry-layout/masonry.pkgd.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/swiper/swiper.jquery.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/menu/menu.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/jquery.countTo/jquery.countTo.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/jquery.waypoints/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/tabs/awe-tabs.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/wow/wow.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/jquery.appear/jquery.appear.js"></script>
<script type="text/javascript" src="${base}/assets/vendors/waterpipe/waterpipe.js"></script>
<!-- App-->
<script type="text/javascript" src="${base}/assets/js/main.js"></script>
</body>

<script>

</script>
</html>